<!-- 首页动态加载的模板 -->
<volist name="data" id="v">
    <li data-timestamp="{$timestamp}" data-play="{$play}">
        <eq name="v.type" value="1">
            <a href="{:U('Match/detail?id='.$v['id'])}" title="{$v.title}">
                <div class="hover-shadow mar-t10 ">
                    <div class="cover live-video-cover response-cover js-video-play relative">
                        <div class="match-tips"></div>
                        <img class="lazy-img" data-src="{$v.thumb}" alt="{$v.title}">
                    </div>
                    <p class="padd-tb10 ellipsis l-align">{$v.title}</p>
                    <div class="clear padd-t10 l-align">
                        <div class="recommend-img avatar-left ">
                            <div class="cover avatar-cover avatar-cover-md">
                                <img class="lazy-img" data-src="{$v.game.pic|default="__ROOT__/Public/Home/images/avatar.jpg"}" alt="{$v.game.name}" alt="{$v.title}">
                            </div>
                        </div>
                        <div class="after-avatar ">
                            <div class="clear-r ">
                                <div class="recommend-username ellipsis in-block">{$v.game.name}</div>
                            </div>
                            <ul class="fc-tagging float-ul ul-col-3 v-align l-align ellipsis">
                                <li class="l-align"><span>{$v.create_time}</span></li>
                                <li class="r-align" style="height:44px"></li>
                                <li class="r-align"><i class="icon icon-view"></i><span class="js-num-round">{$v.statis.play}</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </a>
            <else/>
            <div >
                <div class="hover-shadow mar-t10 ">
                    <div class="cover live-video-cover response-cover js-video-play relative js-pop-video" data-href="{$v.id}" data-action="{:U('Video/play')}">
                        <img class="lazy-img" data-src="{$v.thumb}" alt="{$v.title}">
                         <span class="keep-time">{$v.game.name} <b class="play-time">{$v.time}</b></span>
                        <video preload="none" muted loop src="{$v.pre_uri}" style="display:none"></video>
                    </div>
                    <p class="padd-tb10 ellipsis l-align">{$v.title}</p>
                    <div class="clear padd-t10 l-align">
                        <div class="recommend-img avatar-left fl">
                            <a href="{:U('Others/index', array('uid'=>$v['user']['id']))}" title="{$v.title}">
                                <div class="cover avatar-cover avatar-cover-md">
                                    <img class="lazy-img" data-src="{$v.user.avatar|default="__ROOT__/Public/Home/images/avatar.jpg"}" alt="{$v.user.nickname}"  alt="{$v.title}">
                                </div>
                            </a>
                        </div>
                        <div class="after-avatar ">
                            <div class="clear-r ">
                                <div class="recommend-follow fr">
                                    <empty name="userInfo">
                                        <div class="btn btn-primary js-follow follow-content-{$v['user']['id']}" data-uid="{$v['user']['id']}">关注</div>
                                    <else />
                                        <eq name="v.user.is_follow" value="0">
                                            <div class="btn btn-primary js-follow follow-content-{$v['user']['id']}" data-uid="{$v['user']['id']}">关注</div>
                                        <else/>
                                            <div class="btn btn-primary js-follow follow-content-{$v['user']['id']} active" data-uid="{$v['user']['id']}">已关注</div>
                                        </eq>
                                    </empty>
                                </div>
                                <div class="recommend-username ellipsis  in-block">{$v.user.nickname}</div>
                            </div>
                            <ul class="fc-tagging float-ul ul-col-3 v-align l-align ellipsis">
                                <li class="l-align"><span>{$v.create_time}</span></li>
                                <li class="r-align" style="height:44px"><i class="icon icon-like"></i><span class="comment_num_{$v.id}">{$v.statis.zan}</span></li>
                                <li class="r-align"><i class="icon icon-view"></i><span class="js-num-round">{$v.statis.play}</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </eq>
    </li>
</volist>